@charset 'utf-8';

.connect-top {
    margin-bottom: 170px;
    @media screen and (max-width:768px) {
        margin-bottom: 100px;

    }

    .connect-top-img {
        overflow: hidden;
        img {
            transition: 0.3s;
            &:hover {
                transition: 0.3s;
                transform: scale(1.1);
            }
        }
    }
}

.connect-bot {
    .connect-bot-item {
        margin-bottom: 134px;
        .bot-item-img {
            margin-bottom: 20px;
            overflow: hidden;
            img {
                transition: 0.3s;
                &:hover {
                    transition: 0.3s;
                    transform: scale(1.1);
                }
            }
        }
        .bot-item-text {
            h1 {
                font-size: 46px;
                line-height: 60px;
                margin: 0 0 10px 30px;
            }
            p {
                font-size: 12px;
                line-height: 24px;
                color: #919191;
                margin: 0 0 10px 30px;
            }

            .more {
                width: 250px;
                height: 58px;
                border: 2px solid #202020;
                text-align: center;
                margin: 20px 0 30px 30px;
                p {
                    font-size: 14px;
                    line-height: 58px;
                    color: #202020;
                    font-weight: bold;
                    padding: 0;
                    margin: 0;
                }
            }
        }

        @media screen and (max-width:768px) {
            .bot-item-text {
                h1 {
                    font-size: 40px;
                    line-height: 56px;
                }
                .more {
                    width: 150px;
                    height: 29px;
                    p {
                        font-size: 12px;
                        line-height: 29px;
                    }
                }
            }
        }
    }
}
